{% load comp_filters %}
{% load hash_filters %}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Adult Services Distribution</title>
  <META name="description" content="Sydney Adult Services Distribution"></META>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/map.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/general.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/dialog.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/element.css" type="text/css" media="all" charset="utf-8"/>

  <!-- YUI Components --> 
  <script type="text/javascript" charset="utf-8"
          src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js">
  </script>

  <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
  <!-- need finally make a new js file contain all the info manage script -->	
  <script type="text/javascript" src="/js/mesh.js"></script>
  <script type="text/javascript" src="/js/histogram.js"></script>
  <!-- Project Components -->

  <script type="text/javascript" src="/js/ui.js"></script>
  <script type="text/javascript" src="/js/comps.js"></script>
  <script type="text/javascript" src="/js/dialog.js"></script>
  <script type="text/javascript" src="/js/ele.js"></script>
  <script type="text/javascript" src="/js/surburb.js"></script>
  <script type="text/javascript" src="/js/home.js"></script>


<!-- FIX ME:Do not put craps here -->
  <style type="text/css">
    .map-icon {
      opacity:0.9;
      font-size:12px;
      width:30px;height:30px;
      padding-top:7px;
      text-align:center;
      color:white;
      background:url('/js/res/pushpin.png') no-repeat
    }
    .map-icon-inactive {
      opacity:0.7;
      font-size:12px;
      width:30px;
      height:30px;
      padding-top:7px;
      text-align:center;
      color:white;
      background:url('/js/res/pushpin_inactive.png') no-repeat
    }
  </style>
</head>

<body onload = "document_load();">
<div id="map-info" style="z-index:10;position:fixed;top:0px;left:0px;
  bottom:0px;right:235px;">
</div>
<div id='right-bar'>
</div>
<div id='right-bar-dock'>
  <div class='div-scroll'>
    <div><!-- content -->
    <div class="lane">
     <div class="icon"></div>
    </div>
    <h5>Local Top Rate</h5>
    <div class="split"></div>
    <div class="icons"></div>
    <h5>recent activity</h5>
    <div class="split"></div>
    <div class="news">
    {% for v in HIST %}
      <div>{{v.time}}:</br>
      {{v|hs_explain}}</div>
    {% endfor %}
    </div>
    </div><!-- end content -->
    <div class='hscroll'>
    <div class='cursor'></div>
    </div>
  </div>
</div>
<div id="title-bar">
  <div class="section" id="page">
    <div class="nav">
      <div class="brand">
        <a href="/search/"><img src="/res/map_logo_5.png" width="153px" height="26px"/></a>
      </div>
      <ul class="menu">
        <!-- <li><a onclick="ShowFilter">Filter</a></li>-->
        <li onclick ="zoyoe.admin.ShowAddServiceDialog()"><a>Quick Publish</a></li>
        {% if SESSION.login_id %}
        <li><a href="a">Welcome {{SESSION.login_name}}</a></li>
        <li onclick ="Logout()" style="border:none"><a>Logout</a></li>
        {% else %}
        <li onclick ="zoyoe.admin.ShowLoginDialog()"><a>Login</a></li>
        <li onclick ="zoyoe.admin.ShowRegisterDialog()" style="border:none"><a>Register</a></li>
        {% endif %}
      </ul>
      <ul class="menu" id="about-us">
        <li><a href="a">About Us</a></li>
      </ul>
    </div>
  </div>
</div>
<div id='config-bar'>
    <div class='window-title'>
      FILTERS
      <a onclick="SwitchPanel(this)">&#9666;</a>
    </div>
    <div class='dummy'>
    </div>
    <div class='window-container'>
      <div id='type-select'>
        <div class='vbar'>
          <span> Service Type:</span>
          <a class='selected'><span></span>Brothel</a><a class='selected'><span></span>Escort</a>
        </div>
        <div class='vbar'>
          </span>
          <a class='selected'><span></span>Club</a><a class='selected'><span></span>Massage</a>
        </div>
      </div><!-- group the buttons -->
      <div class='vbar' id='sort-select'>
        <span> Sort By:</span>
        <a><span></span>Rating</a><a class='selected'><span></span>Active</a></div>
      <div class='vbar' id='history-select'>
        <span> History:</span>
        <a><span></span>Recent</a><a class='selected'><span></span>Today</a></div>
      <div class='vbar' id='gallery-select'>
        <span> Gallery:</span>
        <a><span></span>Global</a><a class='selected'><span></span>Local</a></div>
    </div>
    <div class='window-container'>
      <div class='vbar'>
        <span> Age Range:</span>
        <span id='age-range-hint'>All</span>
        <div class='vscroll' id = 'age-scroll'>
          <div class='blank'></div>
          <div class='drag'></div>
          <div class='fill'></div>
          <div class='drag'></div>
        </div>
      </div>
      <div class='vbar'>
        <span> Rate Range:</span>
        <span id='rate-range-hint'>All</span>
        <div class='vscroll' id = 'rate-scroll'>
          <div class='blank'></div>
          <div class='drag'></div>
          <div class='fill'></div>
          <div class='drag'></div>
        </div>
      </div>
    </div>
    <div class='window-container'>
      <div class='vbar'><span> Working Days:</span></div>
      <div class='vbar2' id='working-days'>
        <a class='selected'><span></span>Mon</a>
        <a class='selected'><span></span>Tue</a>
        <a class='selected'><span></span>Wed</a>
        <a class='selected'><span></span>Thu</a>
        <a class='selected'><span></span>Fri</a>
        <a class='selected'><span></span>Sat</a>
        <a class='selected'><span></span>Sun</a>
      </div>
      <br style="clear:both"></br>
    </div>
    <div class='window-container'>
      <div class='suburb'>
      <label>Concerete Address:</label>
      <a>GO</a>
      {{"suburb"|auto_complete|style:"clear:both;padding-top:0px;display:block;width:242px;margin:2px;"|render|safe}}
      </div>
    </div>
</div>
<div id='zsk' class='msk'>
</div>
<div id='raw-left' class='raw'>
</div>
<div id='raw-right' class='raw'>
</div>
<div id='raw-top' class='raw'>
</div>
<div id='raw-bottom' class='raw'>
</div>
<div id = 'float-info' class='float-info'>
  <div class='msk'></div>
  <div class='left'>
    <div class='img1'>
    </div>
    <div class='img4'>
    </div>
    <div class='img3'>
    </div>
    <div class='img2'>
    </div>
  </div>
  <div class='section'>
    <div class='nest'>
      <div><span>3</span>Services Nested Here.</div>
    </div>
    <div class='info-block'>
    <ul>
      <li><span class='label'>Service Name:</span><a class='name'>name</a></li>
      <li><span class='label'>Contact Number:</span><a class='phone'>phone</a></li>
      <li><span class='label'>Emai Address:</span><a class='email'>email</a></li>
      <li><span class='label'>Working Days:</span><a class='wds'>wds</a></li>
    </ul>
    </div>
    <h3 class='split'>Address:</h3>
    <div class='info-block'>
      <div class='address'>Sydney Center</div>
    </div>
    <h3 class='split'>Description:</h3>
    <div class='info-block-scroll'>
      <div class='div-scroll'>
      <!-- content -->
        <div class='description'>Put your description here</div>
      <!-- end content -->
        <div class='hscroll'>
        <div class='cursor'></div>
      </div>
      </div>
    </div>
  </div>
  <div class='center' onclick="zoyoe.CloseShortCut()">
    <img src='/res/close.png' alt='-'></img>
  </div>
</div>
<div id='dialog'>
  <div class='dialog'>
    <div class='dialog-hint'>
    </div>
    <div class='dialog-content'>
    </div>
    <div class='button-lane'>
      <input type='button' value='ok' onclick='zoyoe.ui.SubmitForm();'></input>
      <input type='button' value='cancel' onclick='zoyoe.ui.HideDialog();'></input>
    </div>
  </div>
</div>
</body>
</html>
